<template>
  <div class="ticked">
    <appdownload></appdownload>
    <div class="ticked-nav1">
      <img
        src="../assets/public_imgs/ia_200000024.png"
        alt=""
        class="ticked-nav1-img1"
      />
      <p class="ticked-nav1-txt">
        购票后，票品会放入票夹中，通过票夹初始票品验票进场
      </p>
    </div>
    <div class="ticked-footer">
      <p class="ticked-footer-title">历史票根</p>
      <img
        src="../assets/public_imgs/ia_200000014.png"
        alt=""
        class="ticked-footer-img"
      />
    </div>
    <div class="prfixed">
      <p>!</p>
      为体验完整的服务，请完成账号实名认证
    </div>
   <tabbars></tabbars>
  </div>
</template>
<script>
import { ref } from "vue";
import tabbars from "../components/Tabbars.vue"
import appdownload from "../components/appDownload.vue"
export default {
  setup() {
    const active = ref("ticked");
    return { active };
  },
  data() {
    return {};
  },
  created() {},
  computed: {},
  methods: {},
  components:{
    tabbars,
    appdownload
  }
};

</script>
<style lang="less" scoped>
// 头部
.ticked-header {
  width: 100%;
  height: 1.11rem;
  display: flex;
  align-items: center;
}
.ticked-header-img1 {
  width: 1.7rem;
  height: 0.66rem;
  margin-left: 0.41rem;
}
.ticked-submit {
  background: #eb484a;
  width: 1.72rem;
  height: 0.66rem;
  border-radius: 0.25rem;
  border: none;
  font-size: 0.26rem;
  color: #fff;
  margin-left: 3.28rem;
}
// 身体
.ticked-nav1 {
  width: 100%;
  height: 8.35rem;
  background: #ebebeb;
}
.ticked-nav1-img1 {
  width: 4.87rem;
  height: 6.54rem;
  margin-left: 1.46rem;
  margin-top: 0.63rem;
}
.ticked-nav1-txt {
  width: 4.1rem;
  height: 0.66rem;
  font-size: 0.24rem;
  color: #909090;
  margin-left: 1.7rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  text-align: center;
  padding: 0;
  line-height: 0.4rem;
}
// 底部
.ticked-footer {
  width: 100%;
  height: 5.43rem;
}
.ticked-footer-title {
  font-size: 0.27rem;
  font-weight: bold;
  margin-left: 0.39rem;
  margin-top: 0.46rem;
  margin-bottom: 0;
  margin-right: 0;
}
.ticked-footer-img {
  width: 3.18rem;
  height: 1.94rem;
  margin-left: 2.12rem;
  margin-top: 1.65rem;
}
.prfixed {
  width: 5.24rem;
  height: 0.54rem;
  background: #fffaee;
  border-radius: 0.21rem 0 0 0.21rem;
  position: fixed;
  bottom: 1.2rem;
  right: 0;
  font-size: 0.24rem;
  text-align: center;
  display: flex;
  align-items: center;
}
.prfixed p {
  width: 0.26rem;
  height: 0.26rem;
  border-radius: 50%;
  background: #eb484a;
  color: #fff;
  margin-left: 0.18rem;
  margin-right: 0.06rem;
}
</style>
